<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="style/reset.css" />
	<link rel="stylesheet" href="style/common.css" />
	<link rel="stylesheet" href="style/index.css" />
</head>
<body>
	<div class="wapper">
		<header>
			<a href="index.html">
				<img src="images/logo.png" alt="" />
			</a>
		</header>
		<nav>
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="man.html">男女腕表</a></li>
				<li><a href="muzhi.html">木制表</a></li>
				<li><a href="newslist.html">腕表动态</a></li>
				<li><a href="xilie.html">伊森系列</a></li>
				<li><a href="detail.html">腕表详情</a></li>
			</ul>
		</nav>
		<section class="banner">
      <ul class="ul">
        <li class="show"><img src="images/banner.jpg" alt="" class="img" /></li>
        <li><img src="images/man-top.jpg" alt="" class="img" /></li>
        <li><img src="images/xilie-center.jpg" alt="" class="img" /></li>
      </ul>
			<div class="banner_content">
				<img src="images/banner_line.png" alt="" class="line1" />
				<p class="one">OVERSEAS</p>
				<p class="two">展现独特的世界观</p>
				<img src="images/banner_line.png" alt="" class="line2" />
				<a href="xilie.html">探索</a>
			</div>
			<ul class="bar">
				<li class="cur"></li>
				<li></li>
				<li></li>
      </ul>
      <a href="javascipt:;" class="aa left"><</a>
		  <a href="javascipt:;" class="aa right">></a>
    </section>
    <script type="text/javascript" src="jq/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
    function run(i){ 
			$('.banner .ul li').eq(i).fadeIn(500).siblings().fadeOut(500);
			$('.banner .bar li').eq(i).addClass('cur').siblings().removeClass('cur');
		}
		var i=0;
		var len=$('.banner .ul li').length;
		function autoplay(){
			if(i==len){
				i=0;
			}
			run(i);
			i++;
		}
		var lunbo=setInterval(autoplay,2000);
		$('.banner .bar li').click(function(){
			i=$(this).index();
			run(i);
		})
		$('.banner .ul li').hover(function(){
			clearInterval(lunbo);
			$('.banner .aa').stop().fadeIn(500);
		},function(){
			lunbo=setInterval(autoplay,2000);
			$('.banner .aa').stop().fadeOut(500);
		})
		$('.banner .aa').mouseover(function(){
			clearInterval(lunbo);
			$('.banner .aa').stop().fadeIn(500);
		})
		$('.banner .left').click(function(){
			if(i==0){
				i=len;
			}
			i--;
			run(i);
		})
		$('.banner .right').click(function(){
			if(i==len-1){
				i=-1;
			}
			i++;
			run(i);
		})
    </script>
    <section class="content-top">
			<div class="content-text">
				<h2 class="one">
					永恒经典  皇家风范
				</h2>
				<p class="two">
					18K黄金材质，表壳镶嵌108颗天然南非真钻，高精度瑞士机芯，蓝钻石水晶镜面，100米防水。
				</p>
				<p class="three">简单更是无与伦比的辉煌！
				</p>
			</div>
			<ul class="content-watch">
				<li>
					<h2>伊森男腕表</h2>
					<p class="one">精致枫木外壳搭配黄金调准轴</p>
					<p class="two">木表ES-1037LOGO：可以定制客人唛LOGO表壳材质：枫木、竹木、斑马木红檀、绿檀、黑檀等真木材质表带材质是枫木、竹木、斑马木、红檀，绿</p>
					<img src="images/man.png" alt="" />
					<a href="man.html">MAN ></a>
				</li>
				<li>
					<h2>伊森女腕表</h2>
					<p class="one">精致枫木外壳搭配黄金调准轴</p>
					<p class="two">木表ES-1037LOGO：可以定制客人唛LOGO表壳材质：枫木、竹木、斑马木红檀、绿檀、黑檀等真木材质表带材质是枫木、竹木、斑马木、红檀，绿</p>
					<img src="images/woman.png" alt="" />
					<a href="man.html">WOMEN ></a>
				</li>
			</ul>
			<div class="clear"></div>
		</section>
		<section class="banner-center">
			<img src="images/banner_center.jpg" alt="" class="img" />
			<div class="banner-position">
				<h2>精湛工艺</h2>
				<p>伊森的全新CALIBER 60机芯与CALIBER 80天文台认证机<br>芯仅供伊森集团旗下品牌使用，应伊森对机芯品质的严<br>格要求而生，<br>所有伊森机芯都经过严格检。<br>三个方位测试精准走时<br>高质的Nivaflex NO主发条提供持久动力<br>精雕细刻的摆陀<br>Icabloc防震装置</p>
				<a href="detail.html">伊森机芯</a>
			</div>
		</section>
		<section class="watch-list">
			<h2>EASON商务男表</h2>
			<p class="title">
				设计极为简洁典雅，古罗马数字与条钉清晰易看，是大气的审美，更是无与伦比的辉煌岁月
			</p>
			<div class="w-list">
				<ul>
					<li>
						<h3>布鲁纳系列腕表</h3>
						<a href="detail.html"><img src="images/watch_one.png" alt="" /></a>
						<p>伊森男腕表<br>精致枫木外壳搭配黄金调准轴</p>
					</li>
					<li>
						<h3>布鲁纳系列腕表</h3>
						<a href="detail.html"><img src="images/watch_two.png" alt="" /></a>
						<p>伊森男腕表<br>精致枫木外壳搭配黄金调准轴</p>
					</li>
					<li>
						<h3>布鲁纳系列腕表</h3>
						<a href="detail.html"><img src="images/watch_three.png" alt="" /></a>
						<p>伊森男腕表<br>精致枫木外壳搭配黄金调准轴</p>
					</li>
					<li>
						<h3>布鲁纳系列腕表</h3>
						<a href="detail.html"><img src="images/watch_four.png" alt="" /></a>
						<p>伊森男腕表<br>精致枫木外壳搭配黄金调准轴</p>
					</li>
				</ul>
				<img src="images/watch_left.png" alt="" class="watch-left" />
				<img src="images/watch_right.png" alt="" class="watch-right" />
			</div> 
			<div class="clear"></div>
			<a href="xilie.html" class="more">MORE</a>
		</section>
		<section class="banner-bottom">
			<img src="images/banner_bottom.jpg" alt="" class="img" />
			<div class="bb-text">
				<h2>灵感印证永恒</h2>
				<p>TIMELESSNESS IS A MARK OF TRUE DESIGN</p>
				<a href="xilie.html">选择表款</a>
			</div>
		</section>
		<footer>
			<div class="footer-top">
				<ul class="ft-ul">
					<li>
						<p>产品系列</p>
						<ul>
							<li>
								<a href="">伊森男腕表</a>
							</li>
							<li>
								<a href="">伊森女腕表</a>
							</li>
						</ul>
					</li>
					<li>
						<p>伊森腕表品牌</p>
						<ul>
							<li>
								<a href="">品牌简介</a>
							</li>
							<li>
								<a href="">总裁致辞</a>
							</li>
							<li>
								<a href="">员工关怀</a>
							</li>
							<li>
								<a href="">招商加盟</a>
							</li>
							<li>
								<a href="">人才招聘</a>
							</li>
						</ul>
					</li>
					<li>
						<p>关于伊森</p>
						<ul>
							<li>
								<a href="">公司简介</a>
							</li>
							<li>
								<a href="">工厂简介</a>
							</li>
							<li>
								<a href="">荣誉资质</a>
							</li>
							<li>
								<a href="">伊森手表学堂</a>
							</li>
						</ul>
					</li>
					<li>
						<p>伊森新闻</p>
						<ul>
							<li>
								<a href="">伊森新闻</a>
							</li>
							<li>
								<a href="">伊森与名人</a>
							</li>
							<li>
								<a href="">伊森慈善</a>
							</li>
						</ul>
					</li>
					<li>
						<p>客户服务</p>
						<ul>
							<li>
								<a href="">在线产品目录</a>
							</li>
							<li>
								<a href="">查找保养中心</a>
							</li>
							<li>
								<a href="">服务价格</a>
							</li>
							<li>
								<a href="">腕表保养</a>
							</li>
							<li>
								<a href="">质保与用户手册</a>
							</li>
						</ul>
					</li>
					<li>
						<p>授权商店</p>
						<ul>
							<li>
								<a href="">零售商地址</a>
							</li>
							<li>
								<a href="">授权网上商店</a>
							</li>
						</ul>
					</li>
				</ul>
				<div class="clear"></div>
			</div>
			<div class="footer-bottom">
				<span>Copyright2016伊森腕表版权所有</span> 
				<a href="">
					粤ICP备1234567号 
				</a>
				<span>贵宾专线：400-200-9999</span> 
				<span>地址：广州市海珠区文蔚大厦1808室</span> 
			</div>
		</footer>
		
		
		
		
		
		
		
	</div>
</body>
</html>